<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>人伤调查</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <div class="layui-input-inline">
            <select name="contrller" id="injuredType">
              <option value="0">全部</option>
              <option value="1">伤者姓名</option>
              <option value="2">医院名称</option>
              <option value="3">姓名模糊</option>
            </select>
          </div>
          <input type="hidden" class="pageNo" name="pageNo" />
          <input type="text" name="username" id="injuredName"  placeholder="请输入查询内容" autocomplete="off" class="layui-input">
          <button type="button" class="layui-btn" id="selectInjured" ><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加人伤调查','./addInjured.html')"><i class="layui-icon"></i>添加</button>
        <span class="x-right" id="rows" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th style="width:15%;">伤者姓名</th>
            <th style="width:5%;">性别</th>
            <th style="width:5%;">年龄</th>
            <th style="width:15%;">诊断医院</th>
            <th style="width:10%;">医疗报价</th>
            <th style="width:25%;">主要诊断</th>
			<th style="width:10%;">状态</th>
            <th style="width:15%;">操作</th>
            </tr>
        </thead>
        <tbody>
          <tr>
            <td>张三</td>
            <td>男</td>
            <td>18</td>
            <td>XX医院</td>
            <td>7854</td>
            <td>严重</td>
            <td class="td-status">
              <span class="layui-btn layui-btn-normal layui-btn-mini">未提交</span></td>
            <td>
				<button class="layui-btn layui-btn layui-btn-xs"  onclick="x_admin_show('编辑','injured_update.html')" ><i class="layui-icon">&#xe642;</i>编辑</button>
				<button class="layui-btn-danger layui-btn layui-btn-xs"  onclick="member_del(this,'要删除的id')" href="javascript:;" ><i class="layui-icon">&#xe70a;</i>提交</button>
			</td>
          </tr>
        </tbody>
      </table>
      <div class="page">
        <div>
          <a class="num1">首页</a>
          <a class="num2">上一页</a>
          <a class="num3">下一页</a>
          <a class="num4">尾页</a>
        </div>
      </div>

    </div>
    
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">
	    $(document).ready(function() {
			init(1,0,null,null);
			
			$("#selectInjured").click(function(){
				var injuredType = $("#injuredType").val();
				var injuredName = $("#injuredName").val();
				
				init(1,injuredType,injuredName,null);
			});
	    });
	    
	    function init(pageNo,injuredType,injuredName,id) {
			
	    	$.ajax({
	    		"url":"doInjuredShow.do",
	    		"data":{"pageNo":pageNo,"injuredType":injuredType,"injuredName":injuredName,"id":id},
	    		"dataType":"json",
	    		"success":function(result){
	    			
	    			if(pageNo < 1){
						pageNo = 1;
					}else if(pageNo > result.page.pageTotal){
						pageNo = result.page.pageTotal;
					}
	    			$("tbody tr").remove();
	    			$.each(result.page.list, function(index,hurtInfo){
	    				
	    				var $tr = $("<tr><td>"+this.injuredName+"</td><td>"+this.gender+"</td><td>"+this.age+"</td><td>"
	    						+this.hospital+"</td><td>"+this.lossFee+"</td><td>"+this.illnessState+"</td><td class='td-status'>"
	    						+"<span class='layui-btn layui-btn-normal layui-btn-mini'>"+this.state+"</span></td>"
	    						+"<td><button class='layui-btn layui-btn layui-btn-xs'  onclick=\"x_admin_show('编辑','addInjured.html?id="+this.injuredId+"')\" ><i class='layui-icon'>&#xe642;</i>编辑</button>"
		    					+"<button class='layui-btn-danger layui-btn layui-btn-xs'  onclick=\"member_del(this,"+this.injuredId+")\" href='javascript:;' ><i class='layui-icon'>&#xe70a;</i>提交</button></td></tr>"
	    						);
	    				
	    				$("tbody").append($tr);
	    			});
	    			
	    			$("#rows").html("共有数据："+result.page.rows+"条");
		    		$(".pageNo").val(result.page.pageNo);
		    		
		    		//防止下面的页数跳转时第三个位置什么都没有，像是空字符，导致ajax不能与后台异步交互
		    		if(injuredName == ""){
		    			injuredName = null;
		    		}
		    		
		    		$(".num1").attr("href","javascript:init(1,"+injuredType+","+injuredName+",null)");
					$(".num2").attr("href","javascript:init("+(pageNo-1)+","+injuredType+","+injuredName+",null)");
					$(".num3").attr("href","javascript:init("+(pageNo+1)+","+injuredType+","+injuredName+",null)");
					$(".num4").attr("href","javascript:init("+result.page.pageTotal+","+injuredType+","+injuredName+",null)");
	    			
					
					//前端真他妈的坑啊！！！玩不起
			    	var x = document.getElementsByClassName("layui-btn-normal");
			    	var y = document.getElementsByClassName("layui-btn layui-btn layui-btn-xs");
			    	var z = document.getElementsByClassName("layui-btn-danger layui-btn layui-btn-xs");
			    	
			    	for (var i = 0; i < x.length; i++) {
						if(x[i].innerHTML == 1){
							x[i].innerHTML = "未提交";
							x[i].style.backgroundColor = '#1E9FFF';
							y[i].removeAttribute("disabled");
							z[i].removeAttribute("disabled");
						}
						if(x[i].innerHTML == 2){
							x[i].innerHTML = "已提交";
							x[i].style.backgroundColor = '#D1C6C6';
							y[i].setAttribute("disabled","disabled");
							z[i].setAttribute("disabled","disabled");
						}
						if(x[i].innerHTML == 3){
							x[i].innerHTML = "不通过";
							x[i].style.backgroundColor = '#FFE801';
						}
						if(x[i].innerHTML == 4){
							x[i].innerHTML = "已完成";
							x[i].style.backgroundColor = '#D1C6C6';
						}
					}
	    		}
	    	});
		}
	    
	    /*用户-提交*/
        function member_del(obj,id){
            layer.confirm('确认要提交吗？',function(index){
                //发异步提交数据
                var injuredType = $("#injuredType").val(); 
				var injuredName = $("#injuredName").val();
				var pageNO = $(".pageNo").val();
                init(pageNO,injuredType,injuredName,id);
                layer.msg('已提交!',{icon:1,time:1000});
                
            });
        }
	    
    </script>
    
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
	
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>